<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>iview example</title>
  <script type="text/javascript" src="http://vuejs.org/js/vue.js"></script>
  <script type="text/javascript" src="http://unpkg.com/iview/dist/iview.js"></script>
  <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">     
</head>
<body>
<div id="app">
    <i-button @click="show">单击</i-button>
    <Modal v-model="visible" title="Welcome">Welcome to iView</Modal>
</div>
<script>
  new Vue({
      el: '#app',
      data: {
          visible: false
      },
      methods: {
          show: function () {
              this.visible = true;
          }
      }
  })
</script>
</body>
</html>